<!-- homepage part -->

<body>
    <div class="container-fluid">
        <div class="row clearfix">

            <div class="sidebar" id="sidebar-ex">

                <div class="sidebar-panel" id="search-box">
                    <form class="form-inline">
                        <div class="searchbox">
                            <input class="searchbox-input" type="text" value="Search">
                            <span class="searchbox-button"></span>
                        </div>
                    </form>
                </div>

            </div>

            <div class="col column display-container" id="card-display-ex">
                <!-- <div class="search-fail">(~_~)'`&nbsp;&nbsp;Sorry, nothing found.</div> -->
            </div>

        </div>

    </div>

    <div class="modal fade" id="zooming-modal" tabindex="-1" role="dialog" aria-labelledby="img-overlay" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalCenterTitle">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
            </div>
        </div>
    </div>
</body>